<template>
    <DetailTopBackground :topBack="topBack" :logoImg="logoImg"/>
    <GameDescription/>
    <GamesNews :news="news"/>
    <StayUptoDate/>
    <CarouselVideo :allVideos="allVideos"/>
</template>

<script setup>
import DetailTopBackground from "@/views/Games/components/DetailTopBackground.vue";
import GameDescription from "@/views/Games/components/brawlstars/GameDescription.vue";
import StayUptoDate from "@/views/Games/components/brawlstars/StayUptoDate.vue";
import CarouselVideo from "@/views/Games/components/CarouselVideo.vue";
import GamesNews from "@/views/Games/components/GamesNews.vue";

import {reactive, ref} from "vue";

const topBack = ref("/src/assets/img/games/brawl/topBack01.webp")
const logoImg = reactive({
    pic: '/src/assets/img/games/brawl/logo.webp',
    width: '11%'
})

const news = reactive([
    {
        id: '001',
        category: 'Brawl Stars',
        title: 'RELEASE NOTES: THE BATTLE FOR KATANA KINGDOM!',
        pic: '/src/assets/img/games/brawl/news01.webp',
        router: 'commonNews',
        date: '20 Mar 2025',
        commonTitle: 'RELEASE NOTES:<br/>THE BATTLE FOR<br/>KATANA KINGDOM!',
        content: 'Welcome to the March update "Whatever happened to Captain Ruddero?". We bring some gameplay changes, and begin a long-awaited rework of Cycle of Evil. Stick around, as there\'s something to enjoy for players of all levels.New features: Commander\'s Crash Course and Training GroundsTwo new features have been added to ease new players into Boom Beach.Commanderʼs Crash Course teaches the basics of base management and map exploration, while Training Grounds focuses on the finer art of combined arms amphibious assaults, also known as base battles.The Crash Course is available straight after the tutorial and consists of four sets of missions, designed to rapidly get the player up to HQ 5. Completing the Crash Course unlocks the Seasonal Campaign. If not completed, Crash Course is removed at HQ 7.Training Grounds is a set of battles designed to teach unit selection and handling as well as gunboat ability use. These battles use the playerʼs ready troops. Instead of normal rewards, victory is rewarded with gold and Time Savers.Training grounds remain available until completed.Scaling Dr. T. Island ChallengesDr. T\'s island challenges now scale according to player progress. Completing the bases increases the challenge. This increase is unlimited, and the toughest players can compete for the top spots on the new leaderboards.THREATThreat is a new concept used to indicate the difficulty of a challenge base. Each base in Volcano and Tropical challenges has a Threat rating, with a higher Threat indicating a more difficult base. Threat 1 is roughly meant to be a challenge for an HQ 5 base, and each increase in Threat corresponds to one HQ level. Threat 23 would correspond to a challenge for HQ 27.When the event first starts after the update, each player is assigned an initial Permanent Threat rating. Players with HQs 5 - 11 will be assigned a Permanent Threat of 1. Higher HQs will have a Permanent Threat of HQ level minus 10. Tropical and Volcano events have their separate Permanent Threat.ROTATIONEach time the event starts, each player can still beat seven bases.The first base will have a Threat level equal to the playerʼs Permanent Threat. Each successive base will increase Threat by one.If the player beats all bases, their Permanent Threat is increased by one. Thus next time the event starts, the bases will be harder. The rewards gained from bases will be correspondingly greater. There is no limit to how high a base Threat can go, but the rewards stop increasing after Threat 26.LEADERBOARDBoth events have their own leaderboard. A playerʼs position on the leaderboard is determined by the base with the highest Threat they have defeated. To resolve ties, a destruction percentage is calculated from the following base.Since the rewards stop increasing after Threat 26, some players might prefer not having the challenge continually increase, instead focusing on gaining maximum resources. Once these players achieve Permanent Threat 27, there will be an option in the leaderboard menu to downgrade their Threat. This downgrade can be selected even if some bases have already been defeated.Downgrading sets the playerʼs Permanent Threat to 26 for the day and adjusts the available bases accordingly. Once selected, downgrading can not be reversed for the day. If downgrading is selected, beating all bases will not increase the Permanent Threat.Quality of LifeSIMO has received a targeting upgrade, which allows it to target troops with Stealth;Improved Boom Pass UI error display when the player can\'t see the reward track due to connection issues;Added a timer to the base showing the remaining dive time for the Submarine;"Reinforce all troops" button is now available from HQ. Previously, the "Reinforce all troops" button did not appear if the player had a new landing craft that had never had troops assigned;The button should now be visible in all situations. 3X fast-forward button in battle is now available from HQ 1;To improve low-level gameplay, Heavies have a scaling training time based on level. Exact changes below.UIButtons previously shown on the left edge of the screen have been moved to a collapsing panel, accessible by tapping the player level indicator in the upper left corner.This panel also contains the Path of Glory and Building Suggestor buttons. The Helper icon remains on the screen but now only opens the Standing Orders list.'
    }, {
        id: '002',
        category: 'Brawl Stars',
        title: 'NEW BALANCE CHANGES!',
        pic: '/src/assets/img/games/brawl/news02.webp',
        router: 'commonNews',
        date: '16 Mar 2025',
        commonTitle: 'NEW BALANCE CHANGES!',
        content: 'Gear up for an April full of exciting events, powerful troop combos, and tactical opportunities to sharpen your skills on the battlefield!4 - 6: Tank & Zooka Mania: Pair the durability of Tanks with the explosive impact of Zookas to create a powerhouse duo that dominates enemy bases!11 - 13: Rifle & Medic Mania: Charge in with waves of Riflemen backed by the steady healing of Medics - perfect for sustained assaults and overwhelming defenses.14 - 16: Tiny Shock: Disable enemy defenses with pinpoint precision using Tiny Shock! This compact Gunboat Ability lets you freeze key targets without disrupting your flow.14 - 20: Stunner: Deploy the Stunner to paralyze enemy defenses while dishing out damage. Ideal for creating openings and controlling the pace of battle.18 - 20: Warrior & Bombardier Mania: Strike fast and hit hard with this wild combo. Warriors rush in with brutal melee attacks while Bombardiers deal long-range destruction!25 - 27: Hasty Crab: Speed is everything in this special edition of Mega Crab! Troops, Gunboat abilities, and deployments move at lightning pace. Perfect for daring strategies and quick victories.28 - May 4: Shockaneer: Shock and awe your enemies with the Shockaneer! This Proto Troop disables defenses while supporting your front line. Versatile and deadly...28 - May 18: Warships Season 74: A brand-new season sets sail! Warships Season 74 brings fresh metas, bold strategies, and exclusive rewards. Are you ready to climb the ranks?28 - 30: Remote Hack: Turn enemy defenses against themselves with Remote Hack! This clever ability can shift the tide in your favor with a single well-placed command.'
    }
])

const allVideos = reactive([
    {
        id: "001",
        src: "/src/assets/video/brawl/video01.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster01.webp",
        description: "My Sweet Brawlentine"
    },
    {
        id: "002",
        src: "/src/assets/video/brawl/video02.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster02.webp",
        description: "Piper's Sugar & Spice!"
    },
    {
        id: "003",
        src: "/src/assets/video/brawl/video03.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster03.webp",
        description: "Barley's Last Call!"
    },
    {
        id: "004",
        src: "/src/assets/video/brawl/video04.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster04.webp",
        description: "Mecha Mayhem"
    },
    {
        id: "005",
        src: "/src/assets/video/brawl/video05.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster05.webp",
        description: "Welcome to Retropolis!"
    },
    {
        id: "006",
        src: "/src/assets/video/brawl/video06.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster06.webp",
        description: "No Time to Explain"
    },
    {
        id: "007",
        src: "/src/assets/video/brawl/video07.mp4",
        poster: "/src/assets/img/games/brawl/poster/poster07.webp",
        description: "Barley Wizard Skin"
    }
]);
</script>

<style scoped>

</style>